<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>任务管理</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css@latest/feidao.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../css/daoke.css">
</head>

<body>
	<!-- 公共头部 start -->
	<header class="header">
		<div style="display: flex;width:84%;">
			<div class="logo">
				<a>金税云付</a>
			</div>
			<!-- 头部菜单 start -->
			<div class="topmenu">
				<span class="xz-menu">系统首页</span>
				<span class="">个人中心</span>
				<span class="">项目管理</span>
				<span class="">考勤管理</span>
				<span class="">组织架构</span>
				<span class="">工单管理</span>
				<span class="">绩效考核</span>
				<span class="">监控统计</span>
				<span class="">统计报表</span>
			</div>
			<!-- 头部菜单 end -->
		</div>
		<div class="flex-c">
			<!-- 意见 start -->
			<div class="yijian">
				<i class="iconfont icon-yijian display-ib font28 vertical-a-t cursor-p ht60 l-ht60"
					style="margin-right:20px;"></i>
				<div class="infobg pos-a bg-f b-box">
					<div style="height:130px;" class=" p20 border-b-1 b-box">
						<div class="ht30 l-ht30 color-3 font16" style="border-bottom:2px solid #999">
							消息通知
						</div>
						<div style="margin-top:10px;width:250px;" class="l-ht30 font14 color-3 overflow-h">
							<span>【培训消息】</span>
							<span>今天下午五点在八楼会议今天下午五点在八楼会议</span>
						</div>
						<div class="font12 color-9">
							<span>2019-03-03</span>
							<span>16:11</span>
						</div>
					</div>
					<div class="ht50 flex-c plr20 color-theme">
						<div class="cursor-p">查看更多</div>
					</div>
				</div>
			</div>
			<!-- 意见 end -->
			<!-- 个人信息 start -->
			<div class="info ht60">
				<div class="touxiang cursor-p">
					<img src="./images/login-logo.png" alt="" style="width:100%;" class="ht40 radius50;">
				</div>
				<div style="width:60px;margin:0 5px;" class="display-ib vertical-a-t text-c font16 cursor-p">admin</div>
				<!-- 划过显示信息 start -->
				<div class="infobg pos-a bg-f b-box">
					<div style="height:130px;" class="flex-c plr20 border-b-1">
						<div style="width:90px; height:90px;" class="radius50 border-1">
							<img src="../images/login-logo.png" alt="" style="width:100%;height:90px;" class="radius50">
						</div>
						<div style="margin-left:20px;">
							<div class="color-3 font14 ht30 l-ht30">赵丽颖</div>
							<input type="button" value="个人中心" class="btn" style="width:100px;">
						</div>
					</div>
					<div class="ht50 flex-js-c plr20 color-theme">
						<div class="cursor-p">总经理信箱</div>
						<div class="cursor-p">退出登录</div>
					</div>
				</div>
				<!-- 划过显示信息 end -->
			</div>
			<!-- 个人信息 end -->
		</div>
	</header>
	<!-- 公共头部 end -->
	<div style="height: calc(100% - 60px);" class="pos-r">
		<!-- 公共左部菜单栏 start -->
		<div class="leftmenu">
			<ul>
				<li>
					<!-- 一级菜单 start -->
					<a class="onemenu hov-themef">
						<span class="flex-c">
							<i class="iconfont icon-shouye2 display-ib text-c font20" style="width:50px;"></i>
							<span class="text-l display-ib">首页</span>
						</span>
						<i class="iconfont icon-down dispaly-ib text-c font14"></i>
					</a>
					<!-- 一级菜单 end -->
					<!-- 二级菜单 start -->
					<ul class="twomenu display-">
						<li>
							<i class="iconfont icon-dingdanguanli display-ib text-c font16" style="width:30px;"></i>
							<a>订单管理</a>
						</li>
						<li><i class="iconfont icon-dingdanguanli display-ib text-c font16" style="width:30px;"></i>
							<a>工单管理</a></li>

					</ul>
					<!-- 二级菜单 end -->
				</li>
				<li>
					<a class="onemenu hov-themef">
						<span class="flex-c">
							<i class="iconfont icon-xiangmu dispaly-ib text-c font20" style="width:50px;"></i>
							<span class="text-l display-ib">常见问答</span>
						</span>
						<i class="iconfont icon-down dispaly-ib text-c font14"></i></a>
					<ul class="twomenu display-">
						<li><i class="iconfont icon-dingdanguanli display-ib text-c font16" style="width:30px;"></i>
							<a>工单管理</a></li>
						<li><i class="iconfont icon-dingdanguanli display-ib text-c font16" style="width:30px;"></i>
							<a>工单管理</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<!-- 公共左部菜单栏 end -->
		<!-- 主内容 start -->
		<div class="pos-a" style="top:10px;bottom:10px;right:10px;left:220px;">
			<!-- 面包屑 start -->
			<div class="pos-a bg-f ht50 flex-c" style="left:0;right:0;top:5px;padding-left:20px;">
				<i class="iconfont icon-weixiujilu display-ib color-theme font20"></i>
				<span class="font14 color-theme">
					<span class="display-ib" style="padding-left:10px;">
						任务管理
					</span>
				</span>
			</div>
			<!-- 面包屑 end -->
			<div class="pos-a overflow-y-a bg-f display-" style="bottom: 0;right:0;left:0;top:70px;">
				<!-- 初始化页面组件 start -->
				<div class="display-">
					<!-- 筛选条件 start -->
					<div class="b-box l-ht50 font12 color-6 border-b-1 plr20">
						<div class="display-ib" style="margin-right:20px">
							<span>部门：</span>
							<select class="select">
								<option value="">运维</option>
							</select>
						</div>
						<div class="display-ib" style="margin-right:20px">
							<span>项目：</span>
							<select class="select">
								<option value="">运维</option>
							</select>
						</div>
						<div class="display-ib" style="margin-right:20px">
							<span>是否上传附件：</span>
							<select class="select">
								<option value="">是</option>
								<option value="">否</option>
							</select>
						</div>
						<div class="display-ib" style="margin-right:20px">
							<span>是否必做：</span>
							<select class="select">
								<option value="">是</option>
								<option value="">否</option>
							</select>
						</div>
						<div class="display-ib" style="margin-right:10px">
							<span>是否周期：</span>
							<select class="select">
								<option value="">是</option>
								<option value="">否</option>
							</select>
						</div>
						<input type="button" class="btn" value="查找" style="width:60px;margin-right: 50px">
						<input type="button" class="btn" value="生成明细" style="width:60px;">
						<div style="clear: both;"></div>
					</div>
					<!-- 筛选条件 end -->
					<div style="display: flex;">
						<!-- 左部 start -->
						<div class="border-r-1" style="width: 20%;height: 740px">
							<div class="p20 overflow-y-a">
								<div>
									<div class="ht40 radius-4 border-1 l-ht40 b-box cursor-p "
										style="margin-bottom:10px;padding-left:20px ">
										<span class="font14">项目分类</span>
									</div>
									<ul style="padding-left:20px;">
										<li class="ht30 radius-4 border-1 flex-cc cursor-p  bg-themef　font12 color-6"
											style="margin-bottom:10px;">
											集成
										</li>
										<ul style="padding-left:20px;">
											<li class="ht30 radius-4 border-1 flex-cc cursor-p  font12 color-6"
												style="margin-bottom:10px;">
												项目发起</li>
										</ul>
									</ul>
								</div>
							</div>
						</div>
						<!-- 左部 end -->
						<!-- 右部 start -->
						<div class="overflow-y-a" style="width: 70%">
							<div class="p10">
								<!-- 自定义任务 start -->
								<!-- 表格 start -->
								<div>
									<!--表头 start -->
									<div class="t_title " style="display:flex">
										<span class="display-ib p5 border-r-1 text-c b-box flex-cc" style="width:5%;">
											<input type="checkbox">
										</span><span class="display-ib p5 border-r-1 text-c b-box pos-r"
											style="width:15%;">任务名称
											<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
												style="right: 3px;top:5px;"></i>
										</span><span class="display-ib p5 border-r-1 text-c b-box pos-r"
											style="width:25%;">是否上传附件
											<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
												style="right: 3px;top:5px;"></i>
										</span><span class="display-ib p5 border-r-1 text-c b-box pos-r"
											style="width:20%;">是否周期
											<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
												style="right: 3px;top:5px;"></i>
										</span><span class="display-ib p5 border-r-1 text-c b-box pos-r"
											style="width:20%;">是否必做　　　　　
											<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
												style="right: 3px;top:5px;"></i>
										</span><span class="display-ib p5 border-r-1 text-c b-box pos-r"
											style="width:15%;">任务状态
										</span>
									</div>
									<!--表头 end-->
									<!-- 表体 start -->
									<div class="t_body display-">
										<div class="tableRow">
											<span class="display-ib p5 border-r-1 text-c b-box" style="width:5%;">
												<input type="checkbox">
											</span><span
												class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h color-theme cursor-p"
												style="width:15%;" title="">中国银行
											</span><span
												class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
												style="width:25%;" title="">是
											</span><span
												class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h "
												style="width:20%;" title="">是
											</span><span
												class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
												style="width:20%;" title="">是
											</span><span
												class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
												style="width:15%;" title="">已经处理
											</span>
										</div>
									</div>
									<!-- 表体 end -->
								</div>
								<!-- 表格 end -->
								<!-- 自定义任务 end -->
							</div>
							<!-- 右部 end -->
						</div>
					</div>
				</div>
				<!-- 初始化页面组件 end -->
				<!-- 项目任务长传列表start -->
				<div class=" display-n">
					<!-- top按钮 start -->
					<div class="ht50 flex-c b-box font12 color-6"
						style="border-bottom: 1px solid #eeeeee;padding:0 20px;">
						<div class="cursor-p font12 color-6 flex-c" style="width:60px;height: 50px;">
							<i class="iconfont icon-fanhui color-theme font22 vertical-a-m"></i>
							<span class="vertical-a-m">返回</span>
						</div>
					</div>
					<!-- top按钮 end -->
					<!-- 表格 start -->
					<div style="margin: 20px;">
						<!--表头 start -->
						<div class="t_title">
							<span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:20%;">明细编号
								<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
									style="right: 3px;top:5px;"></i>
							</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:20%;">任务名称
								<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
									style="right: 3px;top:5px;"></i>
							</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:20%;">任务开始时间
								<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
									style="right: 3px;top:5px;"></i>
							</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:20%;">任务结束时间
								<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
									style="right: 3px;top:5px;"></i>
							</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:20%;">任务状态
								<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
									style="right: 3px;top:5px;"></i>
							</span>
						</div>
						<!--表头 end-->
						<!-- 表体 start -->
						<div class="t_body display-">
							<div class="tableRow">
								<span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h  cursor-p"
									style="width:20%;" title="">xw0001
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
									style="width:20%;" title="">桌面巡检报告
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h "
									style="width:20%;" title="">2019-02-02 10:20
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
									style="width:20%;" title="">2019-02-02 10:20
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
									style="width:20%;" title="">已处理
								</span>
							</div>
						</div>
						<!-- 表体 end -->
					</div>
					<!-- 表格 end -->
				</div>
				<!-- 项目任务长传列表end -->
				<!-- 查看（必做任务详情）组件 start -->
				<div class="display-n">
					<!-- top按钮 start -->
					<div class="ht50 flex-c b-box font12 color-6"
						style="border-bottom: 1px solid #eeeeee;padding:0 20px;">
						<div class="cursor-p font12 color-6 flex-c" style="width:60px;height: 50px;">
							<i class="iconfont icon-fanhui color-theme font22 vertical-a-m"></i>
							<span class="vertical-a-m">返回</span>
						</div>
						<div class="cursor-p font12 color-6 flex-c" style="width:60px;height: 50px;">
							<i class="iconfont icon-save color-theme font22 vertical-a-m"></i>
							<span class="vertical-a-m">保存</span>
						</div>
					</div>
					<!-- top按钮 end -->
					<div class="p20">
						<div class="ht30 fr color-theme">未处理</div>
						<!-- 项目信息 start -->
						<div class="border-b-1" style="margin-bottom: 20px;">
							<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
								<span>项目信息</span>
							</div>
							<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
								<div class="">
									<span class="display-ib text-r" style="width:90px;">项目分类：</span>
									<span class="display-ib">支付宝运品台</span>
								</div>
								<div class="">
									<span class="display-ib text-r" style="width:90px;">项目名称：</span>
									<span class="display-ib">支付宝运品台</span>
								</div>
								<div class="">
									<span class="display-ib text-r" style="width:90px;">部门名称：</span>
									<span class="display-ib">政法事业部</span>
								</div>
								<div class="">
									<span class="display-ib text-r" style="width:90px;">创建人：</span>
									<span class="display-ib">张广龙</span>
								</div>
							</div>
						</div>
						<!-- 项目信息 end -->
						<!-- 任务信息 start -->
						<div class="border-b-1" style="margin-bottom: 20px;">
							<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
								<span>任务信息</span>
							</div>
							<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
								<div class="">
									<span class="display-ib text-r" style="width:90px;"><span
											class="color-red">*</span>任务标题：</span>
									<span class="display-ib">支付宝运品台</span>
								</div>
								<div class="">
									<span class="display-ib text-r" style="width:100px;"><span
											class="color-red">*</span>是否要上传附件：</span>
									<span class="display-ib">
										<input type="radio" name="" id=""><label>是</label>
										<input type="radio" name="" id=""><label>否</label>
									</span>
								</div>
								<div class="">
									<span class="display-ib text-r" style="width:100px;"><span
											class="color-red">*</span>是否必做：</span>
									<span class="display-ib">
										<input type="radio" name="" id=""><label>是</label>
										<input type="radio" name="" id=""><label>否</label>
									</span>
								</div>
								<div style="width:230px;"></div>
							</div>
							<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
								<div class="">
									<span class="display-ib text-r" style="width:90px;"><span
											class="color-red">*</span>是否周期：</span>
									<span class="display-ib">
										<input type="radio" name="" id=""><label>是</label>
										<input type="radio" name="" id=""><label>否</label>
									</span>
								</div>
								<div class="">
									<span class="display-ib text-r" style="width:100px;">任务生成时间：</span>
									<span class="display-ib">2019-07-08 10:00</span>
								</div>
								<div class="">
									<span class="display-ib text-r" style="width:100px;">任务结束时间：</span>
									<span class="display-ib">2019-07-08 10:00</span>
								</div>
								<div style="width:230px;"></div>
							</div>
						</div>
						<!-- 任务信息 end -->
						<!-- 规则定义 start -->
						<div class="border-b-1" style="margin-bottom: 20px;padding-bottom: 20px;">
							<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
								<span>规则定义</span>
							</div>
							<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
								<div class="">
									<span class="display-ib text-r" style="width:90px;">执行计划：</span>
									<span class="display-ib">中标后一个月</span>
								</div>
								<div class="">
									<span class="display-ib text-r" style="width:100px;">超时提醒：</span>
									<span class="display-ib">任务结束前一个像是</span>
								</div>
								<div class="">
									<div class="display-ib " style="margin-right:20px">
										<span>处理人：</span>
										<select class="select" style="width:150px;">
											<option value="">李云龙</option>
										</select>
									</div>
								</div>
								<div style="width:230px;"></div>
							</div>
						</div>

						<!-- 规则定义 end -->
						<!-- 任务内容 start -->
						<div class="border-b-1" style="margin-bottom: 20px;padding-bottom: 20px;">
							<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
								<span>任务内容</span>
							</div>
							<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
								<div class="">
									<span class="display-ib text-r" style="width:90px;"><span
											class="color-red">*</span>任务内容：</span>
									<span class="display-ib">中标后一个月</span>
								</div>
							</div>
							<div class="ht80 flex-js-c font12 color-6" style="width:97%;">
								<div class="">
									<span class="display-ib text-r vertical-a-t" style="width:90px;"><span
											class="color-red">*</span>任务备注：</span>
									<textarea name="" id="" cols="30" rows="10" class="border-1 radius-4"
										style="resize:none;width:1000px;height:80px"></textarea>
								</div>
							</div>
							<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
								<div class="">
									<span class="display-ib text-r vertical-a-m" style="width:90px;"><span
											class="color-red">*</span>上传附件：</span>
									<i class="iconfont icon-tianjia font20 text-c vertical-a-m" style="width:50px;"></i>
									<span
										class="display-ib ht30 l-ht30 b-box overflow-h vertical-a-m border-1 radius-5 pos-r"
										style="width:120px;">fffffff.pdf
										<i class="icon iconfont icon-guanbi pos-a text-c cursor-p font16"
											style="right:2px;" title="close" data-feidao-actions="click:eu-001"></i>
									</span>
								</div>
							</div>
						</div>
						<!-- 任务内容 end -->
					</div>
				</div>
				<!-- 查看（必做任务详情）组件 end -->
			</div>
		</div>
	</div>
	<!-- 附件提示弹窗 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
		style="z-index:120;">
		<div class="flex-cc w100">
			<div class="bg-f overflow-h text-l" style="border-radius:4px;width:340px;margin-top:200px;">
				<div class="font14 bg-theme color-f ht40 l-ht40"
					style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class="icon iconfont icon-guanbi fr text-c cursor-p font16" title="close"
						data-feidao-actions="click:eu-001"></i>提示
				</div>
				<div class="p20">
					<div class="ht40 l-ht40 text-c color-6">
						<span>您确定要删除附件吗？</span>
					</div>
					<div class="text-c" style="margin-top: 20px;">
						<input type="button" value="确认" class="btn" style="width: 50px;" />
						<input type="button" value="取消" class="cbtn" style="width: 50px;margin-left: 60px;" />
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 附件提示弹窗 end -->
	<!-- 提示弹窗 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
		style="z-index:120;">
		<div class="flex-cc w100">
			<div class="bg-f overflow-h text-l" style="border-radius:4px;width:340px;margin-top:200px;">
				<div class="font14 bg-theme color-f ht40 l-ht40"
					style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class="icon iconfont icon-guanbi fr text-c cursor-p font16" title="close"
						data-feidao-actions="click:eu-001"></i>提示
				</div>
				<div class="p20">
					<div class="ht40 l-ht40 text-c color-6">
						<span>该任务正在进行中，您确定要删除明细吗？</span>
					</div>
					<div class="text-c" style="margin-top: 20px;">
						<input type="button" value="确认" class="btn" style="width: 50px;" />
						<input type="button" value="取消" class="cbtn" style="width: 50px;margin-left: 60px;" />
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 提示弹窗 end -->
</body>

</html>